import React from 'react';
import {NavLink, Outlet} from "react-router-dom";

function Index(props) {
	return (
		<div>
			<nav>
				<NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/my"}>我的新闻</NavLink>
				<NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/my/collect"}>我的收藏</NavLink>
			</nav>
			<h3>my</h3>
			<Outlet/>
		</div>
	);
}

export default Index;